<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <meta charset="UTF-8">
    <link href="jquery-ui.css" rel="stylesheet"/>
    <script src="external/jquery/jquery.js"></script>
    <script src="jquery-ui.min.js"></script>
    <style type="text/css">
        div {
            /*float: left;*/
            /*position: absolute;*/
            padding-top: 10px;
            /*border: 1px solid #888888;*/
            border-radius: 4px;
        }
    </style>
</head>
<body>
<div>
    <button>click me</button>
</div>
<div><a href="#">a click me</a></div>

<div>
    <form>
        <div id="nav-label">
            <input id="nav-home" type="radio" name="nav-home">
            <label for="nav-home">Home</label>

            <input id="nav-project" type="radio" name="nav-project">
            <label for="nav-project">Project</label>

            <input id="nav-about" type="radio" name="nav-about">
            <label for="nav-about">About</label>
        </div>
    </form>
</div>

<div>
    <ul class="ui-nav">
        <li>Home</li>
        <li>Project</li>
        <li>About</li>
    </ul>
</div>
<div class="ui-nav">
    <button>hello</button>
    <button>your</button>
    <button>guys</button>
</div>
<script>
    $("button, a").button();
    $("#nav-label").buttonset();
    $("#nav-ul").buttonset();
    $(".ui-nav").buttonset();

    $(document).ready(function () {

        $("input, button, a").click(function (event) {
            if (event.isDefaultPrevented()) {
                event.preventDefault();
            }
        });

        $("#nav-home").click(function (event) {
//            alert("going to " + event.target.name);
            alert("going to " + location.hostname + "\n"
                    + location.pathname);

        });
        $("#nav-project").click(function (event) {
//            alert("going to " + event.target.name());
            var conf_nav = confirm("是否转到项目首页?");
            if (conf_nav) {

                location.assign("../study_php_storm");
            }
        });
        $("#nav-about").click(function (event) {
//            alert("going to " + event.target.name());
            location.assign("../study_php_storm/about.php");
        });

    });
</script>
</body>
</html>